<template>
  <el-dialog
    append-to-body
    title="详情"
    :visible.sync="dialogVisible"
    width="800px"
  >
    <el-descriptions
      border
      :column="2"
      content-class-name="contentClass"
      label-class-name="labelClass"
    >
      <el-descriptions-item label="名称" :span="2">
        {{ form.name }}
      </el-descriptions-item>
      <el-descriptions-item label="生育期" :span="2">
        <vxe-table align="center" border :data="form.growthes" size="small">
          <vxe-column field="name" title="名称" />
          <vxe-column field="max" title="灌水上限" />
          <vxe-column field="min" title="灌水下限" />
          <vxe-column field="depth" title="湿润层深度" />
          <vxe-column field="kunit" title="作物系数" />
        </vxe-table>
      </el-descriptions-item>

      <el-descriptions-item
        label="介绍
"
        :span="2"
      >
        {{ form.descri }}
      </el-descriptions-item>
      <el-descriptions-item label="图片" :span="2">
        <img alt="" :src="form.picture" />
      </el-descriptions-item>
    </el-descriptions>
  </el-dialog>
</template>

<script>
  export default {
    data() {
      return {
        dialogVisible: false,
        form: {},
        attrs: [{ name: '', namekey: '', span: 1 }],
      }
    },
    methods: {
      show(row) {
        this.dialogVisible = true
        this.form = row
      },
    },
  }
</script>

<style lang="scss" scoped></style>
